@import "common.less";
.mmm_view {
    background-color: #f3f3f3; // box-sizing: border-box;
    .bcj_title {
        background-color: #fff;
        overflow: hidden; // height: 42px;
        margin: 2px 0;
        .bcj_title_list {
            width: 800px;
            height: 100%;
            list-style: none;
            padding: 0;
            margin: 0;
            padding: 5px;
            li {
                height: 100%;
                float: left;
                padding: 10px;
                font-size: 16px;
            }
            li.active {
                color: #f00;
                border-bottom: 1px solid #f00;
            }
        }
    }
    .bcj_content {
        .bcj_content_list {
            list-style: none;
            padding: 0;
            margin: 0;
            >li {
                background-color: #fff;
                margin: 10px 5px;
                padding: 8px;
                display: flex;
                .bcj_c_left {
                    flex: 1;
                    margin-right: 10px;
                }
                .bcj_c_right {
                    flex: 2;
                    .bcj_r_name {
                        font-size: 16px;
                        font-weight: 600;
                    }
                    .bcj_r_price {
                        font-size: 26px;
                        color: #f00;
                        i,
                        em {
                            font-size: 16px;
                            font-style: normal;
                        }
                        i {
                            padding-right: 8px;
                        }
                        del {
                            font-size: 16px;
                            color: #ccc;
                            padding-left: 15px;
                        }
                    }
                    .bcj_r_num {
                        .lingqu {
                            i {
                                position: relative;
                                overflow: hidden;
                                text-align: center ;
                                display: inline-block;
                                width: 100px;
                                height: 16px;
                                background-color: #ffb7b7;
                                border-radius: 10px; 
                                color: #fff;
                                font-weight: 600;
                                line-height: 16px;
                                em {
                                    display: block;
                                    background-color: #f00;
                                    
                                    border-radius: 10px;
                                    float: left;
                                    width: 0;
                                    height: 100%;
                                    font-size: 12px;
                                    
                                    // color: #fff;
                                    text-align: center;
                                    -webkit-transition: width .6s ease;
                                    -o-transition: width .6s ease;
                                    transition: width .6s ease;
                                }
                                span {
                                    position: absolute;
                                    top: 0;
                                    left: 0;
                                    text-align: center;
                                    display: block;
                                    width: 100%;
                                    height: 100%;
                                }
                            }
                            b {
                            //    position: absolute;
                                padding-left: 30px;
                                color: #f00;
                                vertical-align: 3px;
                            }
                        }
                    }
                    .bcj_r_youhui {
                        margin-top: 15px;
                        >.youhui_l {
                            float: left;
                            a {
                                display: block;
                                color: #f00;
                                padding: 0 5px;
                               border: 1px dashed #f00;
                            }
                        }
                        >.youhui_r {
                            float: right;
                            a{
                                display: block;
                                width: 63px;
                                height: 31px;
                                background-color: #f00;
                                text-align: center;
                                line-height: 35px;
                                color: #fff;
                                border-radius: 5px;
                                font-weight: 600;
                                font-size: 14px;
                            }
                            
                        }
                    }
                }
            }
        }
    }
}